@charset "utf-8";
// Reset the box-sizing
//
// Heads up! This reset may cause conflicts with some third-party widgets.
// For recommendations on resolving such conflicts, see
// http://getbootstrap.com/getting-started/#third-box-sizing
* {
    @include box-sizing(content-box);
}
*:before,
*:after {
    @include box-sizing(content-box);
}

html {
    height: 100%;
    //font-size: $browser-default-font-size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-tap-highlight-color: rgba(0, 0, 0, 0);
    -o-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    //background: #fff;
    //overflow-y: scroll;
    //-webkit-text-size-adjust: 100%;
    //-ms-text-size-adjust: 100%;
}


html * {
    outline:none;
    //-webkit-text-size-adjust: none;
}

body {
    width: 100%;
    height: 100%;
    line-height: 1;
    //background: #f2f2f4;
    //font-family: $font-family;
    //font-weight: $font-weight;
    //line-height: $line-height;

    //text-size-adjust: 100%;
    //-ms-text-size-adjust: 100%;
    //-moz-text-size-adjust: 100%;
    //-webkit-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
//html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input,button {
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    ////font-family: $font-family;
    //font: inherit;
    ////font-size:$font-size-base;
    vertical-align: baseline;
    -webkit-overflow-scrolling: touch;
    //font-family: Arial;
}

//html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
//    //-webkit-text-size-adjust: none;
//}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

//body {
//    font-family: $font-family;
//    font-weight: $font-weight;
//    line-height: $line-height;
//}

ol, ul {
    list-style: none;

    &.disc {
        list-style: disc;
    }
    &.decimal {
        list-style-type: decimal;
    }
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

ins, a {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* 去掉各 Table  cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 去除默认边框 */
fieldset, img {
    border: 0;
}
img {
    display: inline-block;
}

input, select, textarea {
    font-size: 100%;
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
    resize: none;
}

//input:focus::-webkit-input-placeholder {
//    color: transparent;
//}
//
//textarea:focus::-webkit-input-placeholder {
//    color: transparent;
//}
//textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {
//    color: #95989f !important;
//}

input[type="search"] {
    -webkit-appearance: none;
}

input::-webkit-search-cancel-button {
    display: none;
}
[v-cloak] {
    display: none;
}
.site,.site-app{
    height: 100%;
}
/*.site-app{
    overflow-x:hidden;
    overflow-y: auto;
}*/
.site-bg{
    height: 100%;
    overflow-x:hidden;
    overflow-y: auto;
    background-color: #fff;
}
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.fade-enter-active {
    transition: opacity .3s ease;
}
.fade-enter, .fade-leave-active {
    opacity: 0;
}

/***所有页面共有样式***/
.page-all{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    h2{
        padding:pxTorem(10px) pxTorem(20px);
    }
}

.no-border {
    border:0 !important;
}
.v-modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    clear:both;
    visibility:hidden
};
.clearfix{zoom:1;}
[v-cloak] {
    display: none;
}


